<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>科大教育————课程</title>
		<link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/homepage.css" />
		<link rel="stylesheet" type="text/css" href="../css/course.css" />
		<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
		<script src="../js/jquery-3.4.1.min.js"></script>
		<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
		<script src="../bootstrap/js/bootstrap.min.js"></script>
	</head>
	<body>

		<div id="content">
			<img src="../img/jpg_come.jpg" class="img-responsive">
			<br />
			<br />
			<br />
			<div class="container">
				<div class="row">
					<ul id="course-ul" class="list-group course-topli" style="list-style: none;margin-left: 20px;">
						<li class="col-lg-1 ul-li"> 全部课程 </li>
						<li class="col-lg-1"> GER </li>
						<li class="col-lg-1"> A-LEVEL </li>
						<li class="col-lg-1 col-lg-offset-6"> 查看更多 </li>
						<li class="col-lg-1"><span class="glyphicon glyphicon-menu-right"></span></li>
					</ul>
					<div style="border: 1px solid #00925D; width: 97.5%; margin-left: 20px; margin-top: 50px;"></div>
					<br />
					<div class="col-xs-1 col-xs-offset-4">
						<span>
							<a href="##" style="text-decoration: none;font-size: 16px; color: #00925D;">最新</a>
						</span>
					</div>
					<div class="col-xs-1">
						<span>
							<a href="##" style="text-decoration: none;font-size: 16px; color: #999999;">最热</a>
						</span>
					</div>
					<div class="col-xs-2">
						<span>
							<a href="##" style="text-decoration: none;font-size: 16px; color: #999999;">推荐</a>
						</span>
					</div>
					<div class="col-xs-2">
						<span style="color: #E3D10E; ">vip</span>
						<span style="color: #999999;font-size: 14px;">会员班级</span>
					</div>
					<div class="col-xs-2">
						<input type="checkbox" />
						<span style="color: #999999;font-size: 14px;">免费班级</span>
					</div>
					<ul class="list-group" style="list-style: none; margin-top: 50px;">
						<li class="col-lg-3 col-md-4 col-sm-6 col-xs-12 ">
							<div class="all-class">
								<div class="all-class-top"></div>
								<div class="all-class-foot">
									<p>
										M2真题
										<span style="margin-left: 30px;">程丽</span>
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span">
											600.00
											<img src="../img/ic_money.png" class="all-class-price-img">
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-md-4 col-sm-6 col-xs-12 ">
							<div class="all-class">
								<div class="all-class-top">
									<img src="../img/ic_update.png">
								</div>
								<div class="all-class-foot">
									<p>
										M2真题
										<span style="margin-left: 30px;">程丽</span>
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span">
											600.00
											<img src="../img/ic_money.png" class="all-class-price-img">
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-md-4 col-sm-6 col-xs-12 ">
							<div class="all-class">
								<div class="all-class-top"></div>
								<div class="all-class-foot" style="background-color: #00925D;">
									<p>
										M2真题
										<span style="margin-left: 30px;">程丽</span>
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people1.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg1.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span" style="color: #FFFFFF;">
											600.00
											<img src="../img/ic_money.png" class="all-class-price-img">
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-md-4 col-sm-6 col-xs-12 ">
							<div class="all-class">
								<div class="all-class-top">
									<img src="../img/ic_finish.png">
								</div>
								<div class="all-class-foot">
									<p>
										M2真题
										<span style="margin-left: 30px;">程丽</span>
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span">
											600.00
											<img src="../img/ic_money.png" class="all-class-price-img">
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-md-4 col-sm-6 col-xs-12 " style="margin-top: 20px;">
							<div class="all-class">
								<div class="all-class-top">
									<img src="../img/ic_finish.png">
								</div>
								<div class="all-class-foot">
									<p>
										M2真题
										<span style="margin-left: 30px;">程丽</span>
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span">
											600.00
											<img src="../img/ic_money.png" class="all-class-price-img">
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-md-4 col-sm-6 col-xs-12 " style="margin-top: 20px;">
							<div class="all-class">
								<div class="all-class-top">
									<img src="../img/ic_finish.png">
								</div>
								<div class="all-class-foot">
									<p>
										M2真题
										<span style="margin-left: 30px;">程丽</span>
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span">
											600.00
											<img src="../img/ic_money.png" class="all-class-price-img">
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-md-4 col-sm-6 col-xs-12 " style="margin-top: 20px;">
							<div class="all-class">
								<div class="all-class-top">
									<img src="../img/ic_finish.png">
								</div>
								<div class="all-class-foot">
									<p>
										M2真题
										<span style="margin-left: 30px;">程丽</span>
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span">
											600.00
											<img src="../img/ic_money.png" class="all-class-price-img">
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-md-4 col-sm-6 col-xs-12 " style="margin-top: 20px;">
							<div class="all-class">
								<div class="all-class-top">
									<img src="../img/ic_finish.png">
								</div>
								<div class="all-class-foot">
									<p>
										M2真题
										<span style="margin-left: 30px;">程丽</span>
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span">
											600.00
											<img src="../img/ic_money.png" class="all-class-price-img">
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-md-4 col-sm-6 col-xs-12 " style="margin-top: 20px;">
							<div class="all-class">
								<div class="all-class-top"></div>
								<div class="all-class-foot">
									<p>
										M2真题
										<span style="margin-left: 30px;">程丽</span>
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span">
											600.00
											<img src="../img/ic_money.png" class="all-class-price-img">
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-md-4 col-sm-6 col-xs-12 " style="margin-top: 20px;">
							<div class="all-class">
								<div class="all-class-top"></div>
								<div class="all-class-foot">
									<p>
										M2真题
										<span style="margin-left: 30px;">程丽</span>
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span">
											600.00
											<img src="../img/ic_money.png" class="all-class-price-img">
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-md-4 col-sm-6 col-xs-12 " style="margin-top: 20px;">
							<div class="all-class">
								<div class="all-class-top">
									<img src="../img/ic_finish.png">
								</div>
								<div class="all-class-foot">
									<p>
										M2真题
										<span style="margin-left: 30px;">程丽</span>
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span">
											600.00
											<img src="../img/ic_money.png" class="all-class-price-img">
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-md-4 col-sm-6 col-xs-12 " style="margin-top: 20px;">
							<div class="all-class">
								<div class="all-class-top"></div>
								<div class="all-class-foot">
									<p>
										M2真题
										<span style="margin-left: 30px;">程丽</span>
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span">
											600.00
											<img src="../img/ic_money.png" class="all-class-price-img">
										</span>
									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<br />
		<br />
		<br />
		<script src="../js/course.js" type="text/javascript"></script>
	</body>
</html>
